<template>
    <view @click="onBack" :style="{ top: systermStore.safeArea.top + 'px' }" class="back icon-left" />
</template>
  
<script setup>
import { useSystermStore } from '@/store'
const systermStore = useSystermStore()
const onBack=()=> {
    const pages = getCurrentPages();
    if(pages.length > 1){
      uni.navigateBack();
    }else {
      uni.switchTab({url: '/pages/index/index'})
    }
  }

</script>
<style>
.back {
    position: absolute;
    left: 50rpx;
    z-index: 9;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
    font-size: 23px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}
</style>